.slideBox {
    width: 100%;
    height: 560px;
    box-shadow: 2px 2px 10px #C38DD4;
    position: relative;
    overflow: hidden; }

.slideBox ul {
    width: 100%;
    position: relative;
    display: flex; }

.slideBox ul li {
    width: 100%;
    height: 480px;
    position: relative; }

.spanBox {
    position: absolute;
    width: 300px;
    height: 30px;
    bottom: 10px;
    left: 40%; }

.spanBox span {
    width: 30px;
    height: 30px;
    margin-left: 20px;
    background-color: #c9b2cf;
    float: left;
    line-height: 30px;
    text-align: center;
    text-shadow: 2px 2px 2px #C5EBF0;
    font-family: cabin-sketch;
    font-size: 20px;
    border-radius: 50%; }

.slideBox .spanBox .active {
    background-color: rgba(155, 83, 244, 0.79);
    border: solid 1px #BEEBEC;
    border-radius: 50%; }